.normal {
  margin: 100px;
}

.list {
  margin-top: 20px;
}
.ui_wrap{
	border:1px solid #48515a;
	margin-top:10px;
	background:rgba(73,81,90,0.2);
}
.ui_tit{
	color:#ceb180;
	text-align:center;
	font-weight:normal;
	padding:20px 0 10px 0
}
.chart_box{
	
}
.wrap{
	margin:20px 10px 0 10px;
	padding:10px 20px 20px 20px;
	background:rgba(72, 81, 90, 0.2);
	border:1px solid #464f58;
}

.back{
	padding:15px 10px 15px 0;
	a{
		color:#7c8b9b;
		font-size:14px;
	}
}

.head{
    display: block;
    width: 126px;
    height: 126px;
    border-radius: 126px;
    border: 5px solid #bdbdbd;
    margin: 0 auto;
    overflow: hidden;
    background: url(../../sources/head.png) no-repeat;
    background-size: 100% 100%;
}
.userinfo{margin-top:50px;}
.userinfo li{
	border-bottom: solid 1px #bdbdbd;
	height: 43px;
	padding-left:5px;
	line-height:43px;
	font-size:16px;
	color:#fff;
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	color:#7c8b9b;
	i{
		display:inline-block;
		vertical-align:middle;
		margin-right:10px;
	}
}
.searchOk{margin-left:5px;background-color:#ceb180; border-color: #ceb180;font-size:14px;border-radius:0;}
.modifybtn{color:#fff;background-color: #7c8b9b;border:none;margin-left: 24px;height:34px;width:99px}
.userPanel{margin:24px 46px;}
.userPanel{
  h2{color:#ceb180;font-size:16px;border-bottom:solid 1px #606d7a;}
  h2 b{color:#9f9f9f;font-size: 12px;margin-left: 11px;}
  ol{margin:24px 33px;}
  ol li{color:#c4c4c4;font-size:14px;margin-bottom:11px;}
  input{
    background-color: #4a525b;
    border:solid 1px #606d7a;
    height:34px;
    width:250px;
  }
}
.userPanel h2 span, .user {
    background-image: url(../../sources/user.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin:0 9px;
}
.boy {
    width: 16px;
    height: 16px;
    background-position: -5px -5px;
}
.girl {
    width: 16px;
    height: 16px;
    background-position: -31px -5px;
}
.userBase {
    width: 15px;
    height: 22px;
    background-position: -5px -31px;
}
.userModify {
    width: 15px;
    height: 23px;
    background-position: -30px -31px;
}
.userList {
    width: 20px;
    height: 20px;
    background-position: -57px -5px;
}
.userAdd {
    width: 16px;
    height: 16px;
    background-position: -55px -35px;
}
.userAddPanel{
  font-size:12px;
  text-align:right;
  margin-bottom:10px;
  a{color:#9f9f9f;}
}

.mico1, .mico2, .mico3, .mico4, .mico5, .mico6, .mico7 {
  background-image: url('../../sources/mico.png');
  background-repeat: no-repeat;
}

.mico1 {
  width: 24px;
  height: 24px;
  background-position: 0 0;
}

.mico2 {
  width: 24px;
  height: 21px;
  background-position: 0 -24px;
}

.mico3 {
  width: 24px;
  height: 24px;
  background-position: 0 -45px;
}

.mico4 {
  width: 24px;
  height: 22px;
  background-position: 0 -69px;
}

.mico5 {
  width: 24px;
  height: 23px;
  background-position: 0 -91px;
}

.mico6 {
  width: 24px;
  height: 24px;
  background-position: 0 -114px;
}

.mico7 {
  width: 24px;
  height: 23px;
  background-position: 0 -138px;
}